*{
    margin: 0;
    padding: 0;
    font-size: 12px;
}
a{
    text-decoration: none;
    color: #000;
}
a:hover{text-decoration: underline;}
a[name*="mfzc"]{color: red;}     /*设置免费注册的链接为红色字体*/
.page-top-layout{width:100%;height: 36px;background: #eee;}
.page-top{
    width: 1200px;
    height: 36px;
    margin: auto;
    background: #eee;
    line-height: 35px;
}

ul{list-style: none;}

.fr{float: right;}
.fl{float: left;}
.f-bule{color:#2095f2;}
.background-bule{background: #2095f2;}
.f-clear{clear: both;}
.red{color: red;}
.jiang{
    width: 15px;
    height: 18px;
    background: url("images/index_sprites.png") no-repeat 0 -61px;
    position: relative;
    bottom:8px;
}
.xin{
    width: 15px;
    height: 18px;
    background: url("images/index_sprites.png") no-repeat -15px -61px;
    position: relative;
    bottom:8px;
}


.top-left{float: left;}
.top-left ul li{
    padding-right: 10px;
    float: left;
}
.top-right{float: right;}
.top-right ul li{
    padding-right: 10px;
    float: left;
}

.logo{
    width: 1200px;
    height: 99px;
    margin: auto;
    line-height: 99px;
}
.logo-left{float: left;padding-top: 32px;}
.logo-left span{
    float: left;
    height: 35px;
    line-height: 35px;
    padding-left: 14px;
    border-left: 1px solid #ccc;
    font-size: 14px;
}
.logo-left a img{
    width: 190px;
    height:35px;
    float:left;
    margin-right: 14px;
}
.logo-right{float: right;padding-top: 32px;}
.logo-right span{
    width: 178px;
    height: 28px;
    padding: 0 5px;
    margin-right: 10px;
    border: solid 1px #ccc;
    border-radius: 3px;
    line-height: 28px;
    color: #ccc;
    float: left;
}
.logo-right span span{border: 0;}
.logo-right strong{
    font-size: 14px;
    color: #127ec9;
}
.logo-right a{
    width:84px;
    height: 30px;
    border-right:1px solid red;
    background-image: url("images/index_sprites.png");
    background-repeat: no-repeat;
    background-position:0 -30px;
    float: left;
}

.nav{width:1200px;height: 40px;margin:auto;}
.goumai{
    display: block;
    width:240px;
    height: 40px;
    background: #1e88d2;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    float: left;
}
.goumai:hover{text-decoration: none;}

.nav-layout li {
    height: 40px;
    margin-left: 30px;
    float: left;
}
.nav-layout li a{
    font-size: 16px;
    font-family: 微软雅黑 ;
    line-height: 40px;
    font-weight: bold;
    color: #666666;
}
ul.nav-layout li:first-child>a{color: #1e88d2;}    /*选择.nav-layout下的第一个li里面的a*/
/*ul.nav-layout li a:first-child{ color: #666666;}如果是这样写的话只会选到每个li下的第一个a标签*/
ul.nav-layout li a:hover{text-decoration: none;color: #1e88d2;}

/*.hengping{width:100%;border-bottom: 2px solid #1e88d2;}*/
.banner-area{
    width: 100%;
    height: 320px;
    background: #aac8f3;
}
.menu{
    width:1200px;
    margin: auto;
    position: relative;
}
.menu-left{position: absolute; z-index:3;border: 1px solid #1e88d2;}
.menu-left li{
    width:238px;
    height:48px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    display: flex;
    /*垂直居中 CSS3弹性布局flex*/
    align-items: center;
    /*水平居中 CSS3弹性布局flex*/
    /*justify-content: center;*/
}
.menu-left li a{margin-left: 10px;}
.menu-left li a:nth-child(2){color: black;font-size:14px;font-family: "微软雅黑";font-weight: bold;}
.menu-left li a:nth-child(4){color: white;background: #f90;border-radius: 2px;display: block;padding: 2px;margin-left: 0;}

/*选择前4个下的第2个a，就算是从第一个开始算起也要写nth-child(n+1),写成nth-child(1)是不行的*/
.menu-left li:nth-child(n+1):nth-child(-n+4)>a:nth-child(2){margin-right: 20px;}

/*第4个li到第6个li下的第2个a*/
.menu-left li:nth-child(n+4):nth-child(-n+6)>a:nth-child(2){color: red;}

.sanjiao{
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid #f90;
    border-bottom: 5px solid transparent;
}

/*第5个li到第6个li下的第3个a，因为第3个a前面有个a标签，所以只能写成nth-child(4)，如果要算第三个a标签，
应该是写成:nth-of-type(3)还没试验，选择器用多了容易乱，并且性能也会下降。建议少用选择器*/
.menu-left li:nth-child(n+5):nth-child(-n+6)>a:nth-child(4){color: #666;background: none;}

.menu-left li:nth-child(n+7):nth-child(-n+9){height: 70px;} /*第7个li到第9个li*/

.tanchu-list{
    width: 925px;
    height: 55px;
    background: #fff;
    overflow: hidden;
    padding-top: 15px;
    /*float: left;*/
}
.tanchu-list:hover{
    position: absolute;
    border: 1px solid #1e88d2;
    border-left: 0;
    box-shadow: 1px 5px 5px rgba(0,0,0,0.25);
}
.tanchu-list:hover .jiantou{visibility: hidden;} /*当鼠标移到.tanchu-list区域的时候.jiantou设置为隐藏*/
.tanchu-list:hover .kuozhan{visibility: visible;}
.title{
    width: 38px;
    height: 40px;
    background: #fff;
    float: left;
    writing-mode: tb-rl;
    /*padding-top: 15px;*/
    /*padding-right:15px;*/
}
.title b{color: #777;background: #f5f5f5;display: block;width: 20px;height: 40px;text-align: center;line-height: 20px;}

.zhonglei{width: 80px;height: 55px;float: left;padding-left: 5px;position: relative;}
.zhonglei i{display:block;width: 80px;margin-bottom: 10px;}

.kuozhan{width: 450px;height: 55px;margin-left: 60px;position: absolute;left:210px;visibility: hidden;}
.kuozhan i{margin-right: 20px;}

.contentmy{line-height: 35px;}
.jianga:after{
    content: '';
    width: 15px;
    height: 18px;
    position: absolute;
    background: url("images/index_sprites.png") no-repeat 0 -61px;
    top:-8px;
}
.xina:after{
    content: '';
    width: 15px;
    height: 18px;
    position: absolute;
    background: url("images/index_sprites.png") no-repeat -15px -61px;
    top:-8px;
}


.jiantou{
    display: block;
    float: right;
    width: 7px;
    height:13px;
    background: url("images/index_sprites.png") no-repeat -93px 0;
    margin-top: 15px;
    margin-right: 10px;
}




.banner{
    width: 1200px;
    height: 320px;
    margin: auto;
    background: #9ab4dc;
    text-align: center;
    position: absolute;
    z-index: 1;
}

.menu-right{
    position: absolute;
    left: 1090px;
    top:12px;
    z-index: 2
}
.menu-right li{
    width: 100px;
    /*height:300px;*/
    background: rgba(12, 16, 33, 0.4);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-right li a{color: #fff}
.menu-right li:nth-child(1){padding: 10px 0;}
.menu-right li:nth-child(2){padding-bottom: 10px;}
.menu-right li:nth-child(3){padding-bottom: 25px;}
.menu-right li:nth-child(4){background: rgba(12, 16, 33, 0.6);padding: 5px 0;}
.menu-right li:nth-child(5){padding-top: 15px;}
.menu-right li:nth-child(6){padding: 5px 0 10px 0;}

.menu-right li:nth-child(2)>a{
    width: 80px;
    height: 24px;
    background: #2095f2;
    border-radius: 24px;
    line-height: 24px;
    text-align: center;
}
.menu-right li:nth-child(2)>a:before{
    content: '';
    width: 9px;
    height: 10px;
    background:url("images/index_sprites.png") no-repeat -77px -61px;
    /*设置成行内块元素inline-block，单是inline行元素无法设定width和height，
    单是block也无法同行，如果设置浮动又太麻烦，直接设置成inline-block则两者属性都有，省去很多麻烦*/
    display: inline-block;
    margin-right: 3px;
}








.xiazhu{
    width: 680px;
    height: 188px;
    border-right:1px solid #ccc;
    border-bottom: 1px solid #ccc;
    position: absolute;
    top:320px;
    left: 240px;
    color: #666;
}

.xiazhu li a{
    display: block;
    float: left;
    width:340px;
    height:35px;
    font-weight: bold;
    font-size: 15px;
    line-height: 35px;
    text-align: center;
    background: #f5f5f5;
    border-bottom: 1px solid #eee;
    color: #666;
}
.xiazhu li:first-child>a{border-right: 1px solid #eee;width: 339px;}
.xiazhu li a:hover{background: #fff;text-decoration: none;}

#xiazhu1:target,#xiazhu2:target{z-index: 1}
#xiazhu1 div:first-child{    color: #000;}
/*.xiazhu div:nth-of-type(1){color: red;}!*如果写成div:first-child是不对的，因为第一个是li标签*!*/
.xiazhu-area{
    position: absolute;
    top:36px;
    width: 560px;
    height: 132px;
    background: #fff;
    padding: 10px 20px 10px 100px;
}
.xiazhu-logo{
    position: absolute;
    top:35px;
    left:20px;
    text-align: center;
}
.xiazhu-logo a{font-size: 16px;font-weight:  bold;}
.xiazhu-logo img{margin-bottom: 8px;}

.xiazhu-header{
    height:40px;
    line-height: 40px;
}

.xiazhu-content{
    height: 62px;
    line-height: 62px;
    float: left;
    /*display: flex;*/
    /*align-items: center;*/
}
.xiazhu-content i{
    display: block;
    float: left;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    background: #ed1c24;
    color: #fff;
    text-align: center;
    line-height: 36px;
    font-size: 20px;
    margin-top: 5px;
    margin-right: 8px;
}

i.background-bule{background: #1e88d2;}
/*.background-bule{background: #1e88d2;}    可能i的优先级比较高，如果类的前面不加标签，所写的样式会被.xiazhu-content i覆盖*/

.buy-area{
    height: 62px;
    margin-left: 110px;
    float: right;
}
.buy-area a{
    line-height: 62px;
    /*padding-right: 10px;*/
    /*margin-right: 10px;*/
    }
.buy-buttom{
    float: right;
    width: 96px;
    height: 36px;
    padding-top: 13px;
    padding-left: 10px;
    /*margin-left: 10px;*/
}
.buy-buttom a{
    display: block;
    /*float: left;*/
    width: 96px;
    height: 36px;
    background: #ed1c24;
    border-radius: 4px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
.buy-buttom a:hover{text-decoration: none;}
.zuijia{position: absolute;top: 80px;right: 20px;text-align: center;}
#checkbox{margin-left: 3px;}

.xiazhu-foot{
    height:20px;
    margin-top: 70px;
}







span b{color: #666;font-size: 14px;}

/*.xiazhu-area a:nth-of-type(1){float: right;}!*.xiazhu-area下的所有a标签的第一个*!*/
/*.xiazhu-area a:nth-child(1){color: red;position: absolute;right:100px;}!*.xiazhu-area下的a标签的第一个，条件是这个类里面的a标签必须不止一个*!*/
/*#xiazhu1 a:nth-of-type(2),#xiazhu2 a:nth-of-type(2){position: absolute;right:20px;}!*.xiazhu1和xiazhu2下的所有a标签的第二个*!*/
em:nth-of-type(2){margin-right: 10px;}
/*span:last-child{float: right;}*/
span time{margin-right: 0;color: #666;}




i{font-style: normal;color: red;}
em{font-style: normal;color: #000;font-weight: bold;}
b{color: red;}

.gonggao{
    width: 279px;
    height: 188px;
    border-right:1px solid #ccc;
    border-bottom: 1px solid #ccc;
    position: absolute;
    top: 320px;
    left: 920px;
}
.gonggao>ul>li{
    width: 138px;
    border-bottom: 1px solid #e5e5e5;
    display: block;
    float: left;
}
.gonggao>ul>li>a{
    display: block;
    margin: 0 38px;
    height: 33px;
    font-size: 15px;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
    border-bottom: 2px solid transparent;
}
.gonggao>ul>li>a:hover{
    text-decoration: none;
    border-bottom: 2px solid #1e88d2;
    outline: 0;
}
/*实现TAB标签页切换*/
#gonggao1,#gonggao2{
    position: absolute;
    top:36px;
    left:2px;
    width: 277px;
    height: 152px;
    background: #fff;}
#gonggao1:target,#gonggao2:target{z-index: 1;}
#gonggao1 ul,#gonggao2 ul{list-style:disc ;margin-left: 15px; color: #999;}
#gonggao1 li,#gonggao2 li{margin: 10px 5px;}
time{float: right;margin-right: 10px;color: #999;}

/*.test{*/
    /*width: 84px;*/
    /*height: 30px;*/
    /*border: 1px solid #000;*/
    /*display: block;*/
    /*background-image: url("images/index_sprites.png");*/
    /*!*background:transparent url('images/zhuqiu.png') no-repeat scroll 0 0;*!*/
    /*background-repeat: no-repeat;*/
    /*background-position:0;*/
/*}*/